<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./icon/iconfont.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <header>
        <div class="logo"><img src="./img/LOGO.png" alt=""></div>
        <div class="int">
            <input type="text" placeholder="请输入商品名称">
           <i class="iconfont icon-fangdajing"></i>
        </div>
        <div class="city">
            <select>
                    <option vaul="">广州市</option>
                    <option vaul="">深圳市</option>
                </select>
        </div>
    </header>
    <div class="btu">
        <img src="./img/banner.png" alt="">
    </div>
    <main>
    <div class="tuan">
        <div class="left">
            <img src="./img/icon1.png" alt="">
            <p>优惠团购</p>
        </div>
        <div class="right">
            <p>更多</p>
            <img src="./img/icon3.png" alt="">
        </div>
    </div>
    <div class="tu">
        <div class="lt">
            <img src="./img/preferential2.png" alt="">
            <img src="./img/preferential1.png" alt="">
        </div>
        <div class="rg">
            <img src="./img/preferential3.png" alt="">
            <img src="./img/preferential4.png" alt="">
        </div>
    </div>
    <div class="like">
        <div class="left">
            <img src="./img/icon2.png" alt="">
            <p>猜你喜欢</p>
        </div>
        <div class="right">
            <p>更多</p>
            <img src="./img/icon3.png" alt="">
        </div>
    </div>
    <div class="xi">
         <a href="./details.html">
            <div class="sushi">
                <div class="tu"> <img src="./img/like1.png" alt=""></div>
                <div class="text">
                   <div class="zhi">
                       <p class="shi">万岁寿司（正佳店）</p>
                       <p class="su"> &lt;100m </p>
                   </div>
                   <div class="two">
                       <p>[100店通用]双人套餐</p>
                   </div>
                   <div class="three">
                       <p class="much">￥88.00</p>
                       <p class="jia">已售1000</p>
                   </div>
                </div> 
            </div>
         </a> 
        <div class="Duck">
            <div class="tu"> <img src="./img/like2.png" alt=""></div>
            <div class="text">
               <div class="zhi">
                   <p class="shi">周黑鸭（正佳店)</p>
                   <p class="su"> &lt;100m </p>
               </div>
               <div class="two">
                   <p>[100店通用]双人套餐</p>
               </div>
               <div class="three">
                   <p class="much">￥88.00</p>
                   <p class="jia">已售1000</p>
               </div>
            </div> 
        </div>
    </div>

    </main>
    <footer>
        <a class="home" href="./index.html">
            <i class="iconfont icon-31shouyexuanzhong"></i>
            <p>首页</p>
        </a>
        <a class="classification" href="./classification.html">
            <i class="iconfont icon-fenleiorguangchangorqita"></i>
            <p>分类</p>
        </a>
        <a class="found" href="./found.html">
            <i class="iconfont icon-faxian"></i>
            <p>发现</p>
        </a>
        <a class="me" href="./me.html">
            <i class="iconfont icon-wode"></i>
            <p>我的</p>
        </a>
    </footer>
</body>
</html>